*{
    margin: 0;
    padding: 0;
}
::-webkit-scrollbar{
    display:none;
}
header{
    width: 10rem;
    background-color:orange;
    height: 1.333333rem;
    padding: 0.1rem 0.5rem;
    box-sizing: border-box;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    button{
        width: 1.2rem;
        height: 0.8rem;
        background-color: orange;
        border: none;
        font-size: .48rem;
    }
    p{
        width: 5rem;
        height: 1rem;
        text-align: center;
        line-height: 1rem;
        font-size: .426667rem;
        // background-color: red;
        color: white;
        font-size: .506667rem;
        font-weight: 800;
    }
    img:last-child{
        width: 1rem;
        height: 1rem;
    }
}

/***************************************导航标题*************************/


// *********************京东
.box{
    width: 10rem;
    height: .933333rem;
    // background-color: tan;
    display: flex;
    justify-content: space-around;

    div{
        float: left;
        font-size: .373333rem;
        line-height: .933333rem;
    }
}

// **************分割线
.line{
    width: 10rem;
    height: .933333rem;
    overflow: hidden;
    background-color: #f1f1f1;

    div{
        width: .8rem;
        height: .08rem;
        background-color: #ccc;
        margin-left: 9.2rem;
        margin-top: .16rem;
    }
}

// **************下拉菜单
.mall,.city{
    width: 10rem;
    list-style: none;
    display: none;

    li{
        width: 10rem;
        height: .933333rem;
        font-size: .373333rem;
        line-height: .933333rem;
        padding-left: .266667rem;
        border-bottom: .053333rem solid #ccc;
    }
}

// ***************商品列表
.list{
    width: 10rem;
    list-style: none;

    li{
        width: 4.8rem;
        float: left;
        margin-left: .106667rem;
        margin-top: .133333rem;
        border: .026667rem solid #f1f1f1;


        img{
            width: 4.8rem;
            height: 4.8rem;
        }

        div{
            width: 4.8rem;
            color: #000;
            font-size: .32rem;
        }

        p{
            font-size: .373333rem;
            color: #ff9000;
        }
    }
}



    // *********************foot

    // .record::after,.record::before{
    //     content: "";
    //     display: block;
    //     height: 0;
    //     line-height: 0px;
    //     clear: both;
    //     visibility: hidden;
    // }

    .record{
        width: 10rem;
        height: 1.333333rem;
        // background-color: #ccc;
    
    
        div{
            border: 1px solid #ddd;
            float: left;
    
            p{
                width: 3.28rem;
                height: 1.226667rem;
                line-height: 1.226667rem;
                text-align: center;
                font-size: .426667rem;
                background-color: #f1f1f1;
            }
    
            a{
                text-decoration: none;
                color: black;
                
            }
        }
    }
   

    
    
    
    







/*******************************footer****************************/
footer{
    margin-top: .266667rem;
    ul{
        list-style: none;
        li{
            height: .533333rem;
            float: left;
            border: 1px solid #ccc;
            padding: .266667rem 1.1055rem;
            font-size: .4rem;
        }
    }
    p{
        padding: .4rem 0;
        box-sizing: border-box;
        height: 3rem;
        text-align: center;
        font-size: .35rem;
        line-height: 0.8rem;
        font-weight: 300;
    }
}